/*
 * Copyright © 2018 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */

@import '~styles/variables.scss';
@import '../DataprepBrowserVariables.scss';

$header-border: #cccccc;
$header-bg: #eeeeee;
$content-font-color: $grey-01;

.bigquery-browser {
  height: 100%;
  display: grid;
  grid-template-rows: $top-panel-height calc(100% - #{$top-panel-height});

  .row { margin: 0; }

  .list-view-container {
    display: grid;
    grid-template-rows: $browser-list-subpanel-line-height calc(100% - #{$browser-list-subpanel-line-height});
    .sub-panel {
      span,
      a.dataset-path {
        margin-right: 5px;
      }

      .dataset-path {
        cursor: pointer;
        font-weight: 600;
        text-decoration: none;
        color: $content-font-color;
      }
    }

    .table-header {
      border-bottom: 1px solid $header-border;
      border-top: 1px solid $header-border;
      background-color: $header-bg;
      line-height: 36px;
      font-weight: 600;
    }

    .table-body {
      height: calc(100% - 38px);
      overflow-y: auto;

      a {
        display: block;
        &:hover { text-decoration: none; }
      }

      .content-row {
        border-bottom: 1px solid $header-border;
        line-height: 36px;
        color: $content-font-color;
        cursor: pointer;

        .icon-svg { margin-right: 5px; }

        &:hover {
          background: $header-border;
        }
      }
    }
  }
}
